   <html lang="zh-CN">
   {% load static %}
   <head>
       <meta charset="utf-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="viewport" content="width=device-width, initial-scale= ">
       <!-- 上述 个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
       <title>{% block title %}base{% endblock %}</title>

       <!-- Bootstrap -->
       <link href="{% static 'bootstrap/css/bootstrap.css' %}" rel="stylesheet">

       <!-- HTML  shim and Respond.js for IE  support of HTML  elements and media queries -->
       <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
       <!--[if lt IE  ]>
       <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
       <script src="https://cdn.bootcss.com/respond.js/3.7.3/respond.min.js"></script>
       <![endif]-->
       {% block css %}{% endblock %}
   </head>
   <body>
   <nav class="navbar navbar-default">
       <div class="container-fluid">
           <!-- Brand and toggle get grouped for better mobile display -->
           <div class="navbar-header">
               <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#my-nav"
                       aria-expanded="false">
                   <span class="sr-only">切换导航条</span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
               </button>
             <a class="navbar-brand" href="#">自动化测试平台</a>
           </div>

           <div class="collapse navbar-collapse" id="my-nav">
               <ul class="nav navbar-nav">
                   <li class="active"><a href="/project/">项目</a></li>
                   <li class="active"><a href="/module/">模块</a></li>
                   <li class="active"><a href="/test_case/">测试用例</a></li>
                   <li class="active"><a href="/case_suite/">用例集合</a></li>
                   <li class="active"><a href="/test_case_execute_record/">用例执行结果</a></li>

               </ul>
               <ul class="nav navbar-nav navbar-right">
                   {% if request.user.is_authenticated %}
                   <li><a href="#">当前在线：{{ request.user.username }}</a></li>
                   <li><a href="/logout">登出</a></li>
                   {% else %}
                   <li><a href="/login">登录</a></li>

                   {% endif %}
               </ul>
           </div><!-- /.navbar-collapse -->
       </div><!-- /.container-fluid -->
   </nav>

   {% block content %}{% endblock %}


   <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
   <script src="{% static 'js/jquery-3.2.0.js' %}"></script>
   <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
   </body>
   </html>